<!DOCTYPE HTML>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <#include "header.ftl"/>
</head>
<style>
    #login{
        margin-left: 100px; margin-top:500px;
    }
</style>
<body>
<div>
    <form id="loginForm" action="/user/login" method="post" class="form form-horizontal responsive" id="login">
        <div class="row cl col-offset-4">
            <label class="col-sm-1 label-default text-r radius">用户名:</label>
            <div class="col-md-2">
                <input class="input-text col-md-3 radius" name="account" value="admin"/>
            </div>
        </div>
        <div class="row cl col-offset-4">
            <label class="col-sm-1 label-default text-r radius">密码:</label>
            <div class="col-md-2">
                <input class="input-text col-md-3 radius" type="password" name="password" value="admin"/>
            </div>
        </div>

        <!--验证码-->
        <#if verificationCode=="true">
        <div class="row cl col-offset-4">
            <img class="col-sm-3 album-img" src="/code/getCode" id="CreateCheckCode" align="middle" title="点击刷新验证码"
                 onclick="getCode()" style="cursor: pointer;">
            <div class="col-md-3">
                <input class="input-text col-md-3 radius" id="inputCode" name="code" type="text" placeholder="请输入验证码"/>
            </div>
        </div>
        </#if>

        <div class="row cl col-offset-4">
            <button class="btn btn-default col-offset-1" type="button">注册</button>
            <button id="loginSubmit" class="btn btn-default" type="submit">登录</button>
        </div>

    </form>
</div>
<#include "footer.ftl"/>
<script type="text/javascript" src="js/login.js"></script>
</body>
</html>